<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <title>游戏调换</title>
    <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css" />
    <link rel="stylesheet" href="/app/admin/component/jsoneditor/css/jsoneditor.css"/>
    <link rel="stylesheet" href="/app/admin/admin/css/reset.css" />
  </head>
  <body>
    <form class="layui-form" action="">
      <div class="mainBox">
        <div class="main-container mr-5">

          <input type="hidden" name="line_id" value="<?=$line_id?>">
          <input type="hidden" name="type" value="4">
          <input type="hidden" name="ids" value="<?=$ids?>">
          <input type="hidden" name="user_id" value="<?=$user_id?>">

          <div class="layui-form-item">
            <label class="layui-form-label required">游戏</label>
            <div class="layui-input-block">
              <div name="game_id" id="game_id" required value=""></div>
            </div>
          </div>
        </div>
      </div>

      <div class="bottom">
        <div class="button-container">
          <button type="submit" class="pear-btn pear-btn-primary pear-btn-md" lay-submit="" lay-filter="save">提交</button>
          <button type="reset" class="pear-btn pear-btn-md">重置</button>
        </div>
      </div>
    </form>

    <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
    <script src="/app/admin/component/pear/pear.js"></script>
    <script src="/app/admin/component/jsoneditor/jsoneditor.js"></script>
<!--    <script src="/app/admin/admin/js/permission.js"></script>-->

    <script>
      // 相关接口
      const INSERT_API = '/app/admin/v1-api/exchange'

      // 字段 游戏ID game_id
      layui.use(['jquery', 'xmSelect', 'popup'], function () {
        layui.$.ajax({
          url: '/app/admin/v1-api/getGameList',
          data: {},
          dataType: 'json',
          success: function (res) {
            let value = layui.$('#game_id').attr('value')
            let initValue = value ? value.split(',') : []
            layui.xmSelect.render({
              el: '#game_id',
              name: 'game_id',
              initValue: initValue,
              filterable: true,
              data: res.data,
              model: { icon: 'hidden', label: { type: 'text' } },
              clickClose: true,
              radio: true,
              layVerify: 'required',
            })
            if (res.code) {
              layui.popup.failure(res.msg)
            }
          },
        })
      })

      //提交事件
      layui.use(['form', 'popup'], function () {
        // 字段验证允许为空
        layui.form.verify({
          phone: [/(^$)|^1\d{10}$/, '请输入正确的手机号'],
          email: [/(^$)|^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, '邮箱格式不正确',],
          url: [/(^$)|(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/, '链接格式不正确'],
          number: [/(^$)|^\d+$/, '只能填写数字'],
          date: [/(^$)|^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/, '日期格式不正确',],
          identity: [/(^$)|(^\d{15}$)|(^\d{17}(x|X|\d)$)/, '请输入正确的身份证号',],
        })
        layui.form.on('submit(save)', function (data) {
          layui.$.ajax({
            url: INSERT_API,
            type: 'POST',
            dateType: 'json',
            data: data.field,
            success: function (res) {
              if (res.code) {
                return layui.popup.failure(res.msg)
              }
              return layui.popup.success(res.msg, function () {
                parent.refreshTable()
                parent.layer.close(parent.layer.getFrameIndex(window.name))
              })
            },
          })
          return false
        })
      })
    </script>
  </body>
</html>
